<template>
    <div class="set_form">
        <el-form class="set_el_form" :model="form" ref="form">
            <input class="form_phone_inp" type="text" v-model="form.phone" autocomplete="off" placeholder="请输入手机号">
            <div class="form_code">
                <input class="form_code_inp" type="text" v-model="form.code" autocomplete="off" placeholder="请输入验证码">
                <el-button @click="getCode" disabled="true">获取验证码</el-button>
            </div>
            <el-button type="submit" @click="submit">下一步</el-button>
        </el-form>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {
                phone: '',
                code: ''
            }
        }
    },
    methods: {
        getCode() {

        },
        submit() {
            //验证码是否正确
            this.$router.push({ path: '/setPassword' });
        }
    }
}
</script>

<style scoped lang="scss">
.set_el_form {
    .form_phone_inp {
        width: 100%;
    }
    .form_code {
        width: 100%;
        display: flex;
        justify-content: space-between;
        text-align: center;
        margin: 36px 0 52px 0;
        .form_code_inp {
            width: 60%;
        }
    }
}
</style>